/* use css to set position of modal */
//默认弹窗居中Class
.vertical-center-modal {
  text-align: center;
  //white-space: nowrap;
  &:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
  }
  .ant-modal {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    text-align: left;
  }
}

//所有弹窗居中   -----强行覆盖
.ant-modal-wrap {
  text-align: center;
  &:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
  }
  .ant-modal {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    text-align: left;
  }
}

//所有删除弹窗字体放大
.ant-confirm-body .ant-confirm-title {
  font-size: 16px;
}

//预览
.vertical-picture-modal {
  .ant-modal {
    width: inherit !important;
  }
  .ant-modal-content {
    width: inherit;
    max-width: 800px;
  }
}

//地图
.modal-map {
  width: 570px;
  height: 415px;
}

.modal-custom-title {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  color: rgba(0, 0, 0, .85);
  padding-bottom: 16px;
  position: relative;
  &:after {
    content: '';
    display: block;
    height: 1px;
    background: $borderColor;
    position: absolute;
    bottom: 0;
    left: -16px;
    right: -16px;
    width: calc(100% + 32px);
  }
  .num {
    color: $orange;
    padding-left: 5px;
    padding-right: 5px;
  }
}

//选择阿姨
.modal-ChoiceAunt {
  .ant-modal-body {
    padding-left: 0;
    padding-right: 0;
  }
  .slip-cont {
    margin-left: 0;
    margin-bottom: 0;
    .slip-cont-b {
      position: relative;
      padding: 8px 0;
      &:before {
        content: '';
        display: block;
        height: 1px;
        background: $borderColor;
        position: absolute;
        top: -1px;
        left: -16px;
        right: -16px;
        width: calc(100% + 32px);
      }
      .active {
        position: relative;
        &:before {
          content: '';
          display: block;
          height: 100%;
          background: $bg_grey;;
          position: absolute;
          top: -1px;
          left: -16px;
          right: -16px;
          width: calc(100% + 32px);
        }
      }
    }
  }
  .ant-select {
    width: 100%;
  }
  .search-cont {
    margin:-8px 0;
    .ant-row {
      div[class*="ant-col-"] {
        margin-top: 8px;
        margin-bottom: 8px;
      }
    }
    .search-btncont{
      margin-top: 8px;
      margin-bottom: 8px;
      float: right;
    }
    .search-more {
      &.fadeOutUp {
        @include opacity(0);
        height: 0;
        overflow: hidden;
      }
    }
  }
  .pages {
    text-align: center;
    margin-top: 8px;
  }
}

//填写面试信息
.modal-mianshi {
  .ant-row {
    div[class*="ant-col-"] {
      margin-top: 8px;
      margin-bottom: 8px;
    }
  }
}

.modal-ms-log {
  max-height: 500px;
  overflow-y: auto;
  .ant-timeline-item-content {
    font-size: 14px;
  }
  .ms-log-item {
    position: relative;
    background: $bg_grey;
    padding: 10px;
    border-radius: 5px;
    &:before {
      content: '';
      display: block;
      position: absolute;
      top: 5px;
      left: -5px;
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-right: 5px solid $bg_grey;
      border-bottom: 5px solid transparent;
    }
    i {
      margin-right: 5px;
      color: $grey;
    }
    .ms-log-cont {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-top: 10px;
      border-top: 1px solid $borderColor;
      .ms-log-add {
        text-align: center;
        a {
          padding-left: 5px;
        }
      }
      .name {
        margin-bottom: 5px;
        display: inline-block;
      }
      .tx {
        @include border-radius(100%);
        margin-right: 10px;
      }
      .ms-log-info {
        @include clearfix;
        .info-left {
          float: left;
          p {
            max-width: 600px;
            @include textover;
          }
          .ant-input {
            width: 400px;
          }
        }
        .ms-log-edit {
          float: left;
          display: inline-block;
          padding-left: 5px;
        }
      }
    }
  }
}

.foot-add {
  text-align: center;
  padding-top: 16px;
}

.modal-example {
  h3 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 400;
  }
  .modal-example-cont {
    border: 1px solid $borderColor;
    @include border-radius();
    background: #f1f1f1;
    .ant-btn {
      margin: 8px;
    }
  }
}
//弹窗-审核
.modal-shenhe {
  h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 30px;
    text-align: center;
  }
  .modal-add-cont {
    margin-top: 16px;
  }
}
.vertical-modal-shenhe {
  .ant-modal {
    .ant-modal-body {
      div[class*="ant-col-"] {
        margin-top: 0;
        margin-bottom: 0;
      }
      .modal-add-cont {
        margin-bottom: 16px;
      }
      .modal-h3 {
        margin-bottom: 16px;
        .col-orange {
          margin-right: 5px;
        }
      }
    }
  }
}
// 新增弹窗
.modal-add-cont {
  div[class*="ant-col-"] {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .col-green, .col-orange, .col-grey {
    margin-right: 5px;
    font-size: 16px;
  }
}
// 详情弹窗
.modal-info-cont {
  div[class*="ant-col-"] {
    margin-top: 0;
    margin-bottom: 0;
  }
}
//可编辑表格
.editable-cell {
  position: relative;
}

.editable-cell-input-wrapper,
.editable-cell-text-wrapper {
  padding-right: 24px;
}

.editable-cell-text-wrapper {
  padding: 5px 24px 5px 5px;
}

.editable-cell-icon,
.editable-cell-icon-check {
  position: absolute;
  right: 0;
  width: 20px;
  cursor: pointer;
}

.editable-cell-icon {
  line-height: 18px !important;
  display: none !important;
}

.editable-cell-icon-check {
  line-height: 28px !important;
}

.editable-cell:hover .editable-cell-icon {
  display: inline-block !important;
}

.editable-cell-icon:hover,
.editable-cell-icon-check:hover {
  color: #108ee9 !important;
}

.editable-add-btn {
  margin-bottom: 8px;
}

.editable-cell-text-wrapper {
  .ant-input + .editable-cell-icon {
    display: none !important;
  }
}

.ant-modal {
  padding-bottom: 0 !important;
}

//收银台
.modal-cashier-warp {
  .ant-modal-close-x {
    color: #fff !important;
  }
}
//财务
.modal-cashier {
  .modal-cashier-title {
    width: 100%;
    background: $blue;
    position: absolute;
    height: 90px;
    top: 0;
    left: 0;
    //padding: 16px;
    @include clearfix;
    @include border-radius(4px 4px 0 0);
    .logo, .name {
      float: left;
    }
    .logo {
      font-size: 90px;
      @include hei(90px);
      color: #fff;
      margin: 0 16px;
    }
    .name {
      line-height: 40px;
      border-left: 1px solid #fff;
      padding-left: 16px;
      font-size: 22px;
      color: #fff;
      margin-top: 25px;
    }
  }
  $cashier_bg: #f1f1f1;
  $cashier_cont_bg: #fff;
  .modal-cashier-body {
    margin-top: 92px;
    .cashier-bg {
      background: $cashier_bg;
      padding: 16px;
      @include border-radius(4px);
      &.cashier-left-bg {
        position: relative;
        overflow: hidden;
        &:after {
          content: '';
          height: 10px;
          position: absolute;
          left: 0;
          right: 0;
          bottom: -5px;
          background-size: 15px 10px;
          background-image: radial-gradient(circle, $cashier_cont_bg 5px, rgba(0, 0, 0, 0) 5px);
          background-image: -webkit-radial-gradient(circle, $cashier_cont_bg 5px, transparent 5px);
          background-position: 0 10px;
        }
      }
      .left-ul {
        li {
          @include clearfix;
          padding: 8px;
          .right {
            float: right;
            color: $grey;
          }
        }
        .money {
          border-top: 1px solid $borderColor;
          font-size: 16px;
          padding: 16px 8px;
          .right {
            font-size: 20px;
            color: $orange;
            line-height: 20px;
            .num {
              font-size: 30px;
              font-weight: 400;
            }
          }
        }
      }
      h3.cashier-title {
        font-size: 18px;
        font-weight: 400;
        display: block;
        margin-top: 16px;
        margin-bottom: 8px;
        &:first-child {
          margin-top: 0;
        }
      }
      .checkbox-ul {
        li {
          width: calc(50% - 10px);
          background: #fff;
        }
      }
      .input-li {
        margin: 8px 0;
      }
      .money-sh {
        font-size: 20px;
        color: $orange;
        line-height: 20px;
        .num {
          font-size: 30px;
          font-weight: 400;
        }
      }
    }
  }
}
//弹窗表格最大高度
.modal-table-mh {
  max-height: 305px;
  overflow-y: auto;
  border:1px solid $borderColor;
  border-right:none;
  @include border-radius();
  table{
    border:none !important;
    tr{
      &:last-child{
        td{
          border-bottom: none;
        }
      }
    }
  }
}
//弹窗最大高度
.modal-max-height {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  .ant-row {
    div[class*="ant-col-"] {
      margin-top: 8px;
      margin-bottom: 8px;
    }
  }
}

.checkbox-p {
  margin-top: 8px;
  margin-bottom: 8px;
}

.ant-modal {
  .ant-col-24 {
    .error-tip {
      margin-top: -16px;
      margin-left: 84px;
    }
  }
}
.modal-caozuo{
  a{
    text-align: center;
    display: block;
    .anticon,.MyIcon{
      margin-right: 8px;
    }
  }
  .link-delete{
    color:$red;
  }
}

//栗子工会
.modal-checkbox-max{
  height: 116px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-checkbox {
  margin:-16px 0;
  .ant-tabs {
    margin:16px 0;
  }
  .empty{
    padding:47.5px 0;
  }
}
.ant-modal-title{
  .modal-title-grey {
    color:$grey;
    margin-left: 8px;
  }
  .num{
    color:$orange;
    padding:0 3px;
  }
}

.checkbox-li-fix{
  .checkbox-ul{
    .checkbox-li{
      width:calc(25% - 10px);
      @include textover;
    }
  }
}
.modal-search{
  margin-bottom: 16px;
}
//城市
.city-cy{
  .city-cy-name{
    margin-left: 8px;
    color:$orange;
  }
}
.city{
  .city-title{
    @include clearfix;
    .name{
      float: left;
      font-size: 14px;
      font-weight: bold;
      color:rgba(0,0,0,.85);
    }
    .right{
      float: right;
    }
  }
  .city-body{
    padding-top: 8px;
    .ant-form-item-label,.ant-form-item-control{
      line-height: 24px;
    }
    .city-left{
      text-align: right;
      padding-right: 0;
      .ant-form-item-label {
        margin-right: -4px;
        label{
          color:$blue
        }
      }
    }
    .btn-link{
      padding:5px 10px 5px 0;
      color:#666;
      &:hover,&.active{
        color:$blue;
      }
    }
  }
}

//阿姨简历
.modal-aunt-resume{
  .modal-resume-share{
    margin-left: 8px;
    display: inline-block;
    .share-span{
      cursor: pointer;
      color:$blue;

    }
  }
  .ant-modal-body{
    padding: 0;
  }
}
.share-aunt{
  text-align: center;
  min-width: 400px;
  div[class*=ant-col-]{
    @include hei(200px);
    position: relative;
    .share-ewm{
      position: absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      z-index: 9;
      background: rgba(255,255,255,.8);
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      &.dis-n{
        display: none;
      }
      .share-ewm-img{
        display: block;
      }
    }
  }
  .MyIcon{
    width: 60px;
    @include hei(60px);
    text-align: center;
    color:#fff;
    @include border-radius(100%);
    font-size: 40px;
    display: inline-block;
    cursor: pointer;
    &.qq{
      background: $blue
    }
    &.wechat{
      background: $green;
    }
  }
}
.share-title{
  .share-link{
    margin-left: 8px;
  }
}

.aunt-info-bg{
  margin: 8px 0;
  padding: 8px;
  background: $bg_grey;
  .aunt-name{
    line-height: 28px;
    .anticon-file-excel{
      margin-right: 3px;
      color: $green;
      font-size: 20px;
      vertical-align: middle;
    }
  }
}
.upfile{
  display: inline-block;
  position: relative;
  input[type="file"]{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    @include opacity(0);
    text-indent: 9999px;
    width: 100%;
    z-index: 99;
    cursor: pointer;
  }
}
.modal-gtjl{
  margin: 16px 0 0 0;
}
.ant-popover{
  z-index: 1000 !important;
}
.name-disb{
  display: block;
  color:$grey;
}
.name-disb+.num{
  font-weight: bold;
  font-size: 18px;
  margin-right: 3px;
}
.modal-num{
  text-align: center;
  margin-bottom: 16px;
  padding:16px 0;
  font-size: 14px;
}
.modal-num-error{
  padding:16px 0;
  .num-error-title{
    display: inline-block;
    font-weight: bold;
    padding:0 8px;
    line-height: 28px;
    font-size: 14px;
  }
  .anticon-exclamation-circle-o{
    color:$orange;
    font-size: 16px;
  }
}

.modal-no-bg{
  .ant-modal{
    width: auto !important;
    .ant-modal-close{
      border:1px solid #f1f1f1;
      @include border-radius(50%);
      top:-40px;
      right:-40px;
      width: 30px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      .ant-modal-close-x{
        width: 28px;
        height: 28px;
        line-height: 28px;
        color:#f1f1f1;
      }
    }
    .ant-modal-body{
      padding: 0;
      img{
        display: block;
        @include border-radius();
      }
    }
  }
}